<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //静态注册内容发生改变事件
        function onchangeFun() {
            alert("女神已经改变了")
        }

        //动态注册内容发生改变事件
        window.onload=function () {
            //1.获取标签对象
            var selobj=document.getElementById("sel01");
            // alert(selobj);
            //2.通过标签对象.事件=function(){}
            selobj.onchange=function () {
                alert("男神已经改变了")
            }
        }
    </script>
</head>
<body>
        <!--静态注册内容发生改变事件-->
        请选择你心中的女神
        <select onchange=onchangeFun()>
            <option>---女神---</option>
            <option>芳芳</option>
            <option>佳佳</option>
            <option>环环</option>
        </select><br/>

        <!--动态注册内容发生改变事件-->
        请选择你心中的男神
        <select id="sel01">
            <option>---男神---</option>
            <option>国哥</option>
            <option>华仔</option>
            <option>富城</option>
        </select>
</body>
</html>